/* Reset CSS */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
html{-webkit-text-size-adjust:none; /* Prevent font scaling in landscape */}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
img{display:block;}
/* Special class */
.clearfix:before, .clearfix:after{display:table;content:" ";}
.clearfix:after{clear:both;}
.left{float:left !important;}
.right{float:right !important;}
.highlight{display:block;color:#bb2929;font-size:0.77em;font-weight:bold;padding-bottom:10.5px;}
.colorDefault{color:inherit !important;}
/* font face */
@font-face{font-family:"Optima";src:url('../fonts/Optima-LT-Std-Roman.ttf') format('truetype');}
/* general */
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{color:#342a31;font-size:14px;background:#fff;font:13px/1.2 '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;line-break:strict;word-break:keep-all;}
article{font-family:'游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
a{color:#333;text-decoration:underline;}
ol,ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* general */
#wrapper{width:100%;margin:0 auto;}
.fontLarge{font-size:120%;}
.font7{font-size:7px !important;}
.font8{font-size:8px !important;}
.font9{font-size:9px !important;}
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
/*header*/
header{position:relative;padding:15px 0 0;}
header .sp_logo{text-align:center;padding-bottom:13.5px;}
header .sp_logo img{display:inline-table;}
#fbIcon{position:absolute;right:23px;top:18px;}
nav.menu{background:url(../images/bg_dotted_v.png) center center repeat-y;}
nav.menu ul{list-style:none;margin:0;text-align:center;background:url(../images/bg_dotted_h.png) center bottom repeat-x;}
nav.menu ul li{display:block;width:50%;float:left;height:70px;}
nav.menu ul li a{display:inline-block;height:auto;overflow:hidden;text-decoration:none;}
nav.menu ul li a span{display:block;margin-bottom:.5em;}
nav.menu02{background:url(../images/bg_dotted_h.png) center bottom repeat-x;}
nav.menu02 ul{list-style:none;margin:0;text-align:center;background:url(../images/bg_dotted_h.png) center top repeat-x;}
nav.menu02 ul li{width:25%;float:left;background:url(../images/bg_dotted_v.png) right center repeat-y;height:41px;}
nav.menu02 ul li:last-child{background:none;}
nav.menu02 ul li a{margin:0;}

section,.topContent{background:#F8F8F8;text-align:left;}
section,.topContent img{margin:0 auto;}

section[role=main]{border-top:1px dotted #d6cdbd;}

/* home page*/
.pageTop .topContent{border-top:1px dotted #D6CDBD;border-bottom:1px dotted #D6CDBD;}
section article{border-bottom:1px dotted #D6CDBD;}
.pageTop article.about,
.pageEcTop article.about{background:url(../images/about_img.png) no-repeat 90% 60%;padding:25px 30px 33px;min-height:300px;}
.pageTop article.product{padding:25px 30px 33px;}
.pageTop article h2,
.pageEcTop article h2{padding:21px 0 9px 0;}
.pageEcTop article p{font-size:.923em;line-height:1.3em;margin-bottom:10px;letter-spacing:0.11em;}
.pageTop article.about p,
.pageEcTop article.about p{width:60%;}
.pageTop article.about p{margin-bottom:15px;}
.pageTop article div.link{width:60%;text-align:right;}
.pageTop article div.link a{  display:inline-block;text-decoration:none;}
.pageTop article.product  p{  width:100%;}
.pageTop article.product .linkBox{}
.pageTop article.product .linkBox figure{width:66%;float:left;}
.pageTop article.product .linkBox figcaption{float:left;width:34%;}
.pageTop article.product .linkBox div.link{  width:auto;margin-top:50px;}

/*footer*/
footer{font-family:"Optima";text-align:center;}
.fbfooter{background:#F8F8F8;}
.fbfooter a{font-size:.77em;letter-spacing:0.07em;text-decoration:none;display:inline-block;padding:15px 0 15px 32px;background:url(../images/sp_f_logo.png) no-repeat left center;}
.footerTxt{border-top:1px dotted #D6CDBD;font-size:.846em;padding:15px 0 15px 0;letter-spacing:0.08em;
}

/* product page */
.product{padding:32px 25px;}
.product .thumb{width:48%;text-align:center;}
.product .thumb img{display:inline-block;}
.product .content{width:52%;}
.product .content .inner{padding-right:80px;}
.product .title{font-family:'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', Meiryo, メイリオ;font-size:1.384em;letter-spacing:0.13em;margin:3px 0 15px;}
.product .title small{font-size:.833em;font-weight:normal;letter-spacing:-0.07em;}
.product .subTitle{font-family:'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', Meiryo, メイリオ;color:#342a31;font-size:1.3em;letter-spacing:0.13em;margin:22.5px 0 12.5px;}
.product p.noteTxt{font-size:1em;letter-spacing:0.1em;line-height:170%;}
.product .info .volume{font-size:1.153em;letter-spacing:0.08em;}
.product .info .price{font-size:1em;padding-left:0.6em;}
.product .info .price small{font-size:1em;letter-spacing:0.25em;}
.product .buy{color:#fff;background:#bb3b3d;display:inline-block;margin:15px 0 10px;padding:13.5px 0;text-decoration:none;text-align:center;width:75%;font-size:1em;font-weight:bold;letter-spacing:0.2em;}
.product .notes{font-size:.77em;color:#666;margin:15px 0 0;letter-spacing:-0.05em;}
.product .promotion{color:#bb3c3e;padding:20px 25px 15px;border:1px solid #bb3c3e;background:#fff;margin:10px 0;}
.product .promotion .notes{color:#bb3c3e;margin-top:0;}
.pageProducts article div.link{width:100%;text-align:right;margin-top:12px;}
.pageProducts article div.link a{  display:inline-block;text-decoration:none;}
.pageProducts .topContent{padding-bottom:29px;}
.pageProducts .inner{margin-bottom:45px;}
div#slides{width:100%;overflow:hidden;}
.pageProducts .topContent div#slides img{border:1px dotted #D6CDBD;}

/* products page */
.products{padding:30px 25px;}
.products .title{margin-bottom:7px;font-size:1.5em;line-height:1.6em;}
.products h3{margin-bottom:29px;}
.products .item{position:relative;padding-left:149px;min-height:131px;margin-bottom:10px;padding-top:10px;}
.products .set{padding-top:3px !important;}
.products .item .thumb{display:block;position:absolute;top:0;left:0;border:1px dotted #d6cdbd;background:#fff;width:131px;height:131px;}
.products .item .thumb img{max-width:100%;}

.products .item .set .thumb{margin-bottom:8px;}

.products .item a small{display:inline-block;padding-top:5px;}
.products .item .small{font-size:.7em;display:inline-block;margin-top:6px;}
.products div.link{  text-align:left !important;width:auto !important;}
.thumb .ribbon,
.otherProducts .list .trial .ribbon{height:37px;left:-12.5px;margin-top:0;position:absolute;top:0;width:63.5px;background:url(../images/trial-ribon.png) 0 0 no-repeat;}
.thumb .corner,
.otherProducts .list .trial .corner{position:absolute;width:35px;height:35px;right:-1px;bottom:0;background:url(../images/trial-conner.png) 0 0 no-repeat;margin-top:0;}
.products .item  > a{  line-height:1em;text-decoration:none;}
.products .item  > a:last-child{margin-top:25px;display:inline-block;width:100%;}
/* EC Top page */
.pageEcTop .article p{line-height:160%;font-size:12px;}
.pageEcTop article .article{padding:35px 25px;}
.pageEcTop .title{margin-bottom:25px;}
.pageEcTop .subTitle1{margin-bottom:10px;}
.pageEcTop .subTitle2{}
.pageEcTop .subTitle3{margin-bottom:21px;}
.pageEcTop .content{margin-bottom:20px;}

.category{margin-top:15px;background:#fff;}
.category dt{background-color:#C2B89F;background-image:url(../images/icon-accordionCtrl-right.png);background-size:7px 11px;background-repeat:no-repeat;background-position:95% center;padding:10px 0 10px 19px;}
.category .down{background-image:url(../images/icon-accordionCtrl-down.png);background-size:11px 7px;}
.category dd{display:none;padding:18px 16px;background:#FEFEFE;}
.category h4{margin:0 0 15px;}

/* about page */
.pageAbout article .article{padding:13px 25px;border-bottom:1px dotted #D6CDBD;}
.pageAbout article .article:nth-child(1){padding-top:21px;}
.pageAbout article .article:nth-child(2){padding-top:28px;}
.pageAbout article .article:nth-child(3){padding-top:28px;}
.pageAbout article .article:nth-child(4){padding-top:21px;padding-bottom:33px;border-bottom:none;}
.pageAbout p{line-height:170%;}
.pageAbout .productDemo p{padding-right:125px;}
.pageAbout .title{margin-bottom:20px;}
.pageAbout .subtitle1{margin-bottom:18px;}
.pageAbout .subtitle2{margin-top:26px;margin-bottom:18px;}
.pageAbout .subtitle3{margin-bottom:13px;}
.pageAbout .subtitle4,
.pageEcTop .subtitle4{margin-bottom:21px;}
.pageAbout .subtitle5{margin-bottom:12px;}
.reference{border:1px solid #C72425;padding:22.5px 27.5px;margin-top:15px;}
.reference .info{font-size:13px;}
.reference .notes{color:#C72425;}